import React from "react";
import ReactDOM from "react-dom/client";
import { Provider } from "react-redux";
import store from "./11_redux中的hooks/store";
// import { UserContext, ThemeContext } from './03_useContext的使用/context/index'

import { UserContext, TokenContext } from "./10_自定义hooks/context";

// import App from "./01_useState的使用/App";
// import App from "./02_useEffect的使用/App";
// import App from "./03_useContext的使用/App";
// import App from "./04_useReducer的使用/App";
import App from "./05_useCallBack的使用/App";
// import App from "./06_useMemo的使用/App";
// import App from "./07_useRef的使用/App";
// import App from "./08_useImperativeHandle/App";
// import App from "./09_useLayoutEffect使用/App";
// import App from "./10_自定义hooks/App";
// import App from "./11_redux中的hooks/App";
// import App from "./12_useId的使用/App";
// import App from "./13_useTransition使用/App";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  // <React.StrictMode>
  <UserContext.Provider value={{ name: "context-name", age: 18 }}>
    <TokenContext.Provider value={"token-value"}>
      <Provider store={store}>
        <App />
      </Provider>
    </TokenContext.Provider>
  </UserContext.Provider>
  // </React.StrictMode>
);
